<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="http://y0.ifengimg.com/base/jQuery/jquery-1.8.3.min.js"></script>
    <script src="./js/echarts.min.js"></script>
    <script src="./js/echarts-wordcloud.js"></script>
</head>
<body>
<div id="main" style="width: 600px;height:800px;"></div>
<script type="text/javascript">
    var chart = echarts.init(document.getElementById('main'));
    var  option = {
        title:{
            text:"词云图",
            link:'https://github.com/ecomfe/echarts-wordcloud',
            subtext: 'data-visual.cn',
            sublink:'http://data-visual.cn',
        },
        tooltip: {},
        series: [{
            type: 'wordCloud',
            gridSize: 20,
            sizeRange: [12, 50],
//                    rotationRange: [0, 0],
//                    shape: 'circle',
//                    textStyle: {
//                        normal: {
//                            color: function() {
//                                return 'rgb(' + [
//                                        Math.round(Math.random() * 160),
//                                        Math.round(Math.random() * 160),
//                                        Math.round(Math.random() * 160)
//                                    ].join(',') + ')';
//                            }
//                        },
////                        emphasis: {
////                            shadowBlur: 10,
////                            shadowColor: '#333'
////                        }
//                    },
            data: [{
                name: 'Sam S Club',
                value: 10000,
//                        textStyle: {
//                            normal: {
//                                color: 'black'
//                            },
//                            emphasis: {
//                                color: 'red'
//                            }
//                        }
            }, {
                name: 'Macys',
                value: 6181
            }, {
                name: 'Amy Schumer',
                value: 4386
            }, {
                name: 'Jurassic World',
                value: 4055
            }, {
                name: 'Charter Communications',
                value: 2467
            }, {
                name: 'Chick Fil A',
                value: 2244
            }, {
                name: 'Planet Fitness',
                value: 1898
            }, {
                name: 'Pitch Perfect',
                value: 1484
            }, {
                name: 'Express',
                value: 1112
            }, {
                name: 'Home',
                value: 965
            }, {
                name: 'Johnny Depp',
                value: 847
            }, {
                name: 'Lena Dunham',
                value: 582
            }, {
                name: 'Lewis Hamilton',
                value: 555
            }, {
                name: 'KXAN',
                value: 550
            }, {
                name: 'Mary Ellen Mark',
                value: 462
            }, {
                name: 'Farrah Abraham',
                value: 366
            }, {
                name: 'Rita Ora',
                value: 360
            }, {
                name: 'Serena Williams',
                value: 282
            }, {
                name: 'NCAA baseball tournament',
                value: 273
            }, {
                name: 'Point Break',
                value: 265
            }]
        }]
    };



    chart.setOption(option);
</script>
</body>
</html>